

        
        main>*{
            padding-top: 2%;
            padding-bottom: 3%;
        }
        main .webLoc{
            padding: 0px;
        }
        main .ttl{
            text-align: center;
            text-transform: uppercase;
        }
        main .ttl i{
            display: block;
            margin: 0 auto;
            height: 5px;
            background: #008486;
        }
        main .ttl i:first-child{
            width: 80px;
        }
        main .ttl i:last-child{
            width: 60px;
            margin-top: 15px;
        }
        main .ttl .words{
            font-size: 48px;
            color: #231815;
            margin-top: 10px;
        }
        main .ttl span{
            font-size: 14px;
            color: #808080;
        }

        main .feedback .ttl i{
            background: #ee921f;
        }
        main .feedback .ttl p{
            color: #fff;
        }

        main .intro p{
            line-height: 2;
            font-size: 14px;
        }

        main .feedback{
            background: url(../img/index/feedBg.jpg) no-repeat center center;
            background-size: cover;
            position: relative;
        }
        main .feedback::after{
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            background: #000;
            opacity: 0;
            z-index: 1;
        }
        main .feedback>*{
            position: relative;
            z-index: 2;
        }
        main .feedback .ttl i{
            background: #ee921f;
        }
        main .feedback .ttl p{
            color: #fff;
        }
        main .feedback .feedbkSwiper{
            margin-top: 3%;
        }
        main .feedback .feedbkSwiper .swiper-slide{
            text-align: center;
        }
        main .feedback .feedbkSwiper .t{
            max-width: 75%;
            margin:0 auto;
            font-size: 16px;
            color: #ffffff;
            font-style: italic;
            line-height: 34px;
        }
        main .feedback .feedbkSwiper a{
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: inline-block;
            vertical-align: top;
            overflow: hidden;
            background: #ee921f;
            position: relative;
            margin-top: 3%;
            margin-bottom: 2%;
            transition: opacity .3s;
        }
        main .feedback .feedbkSwiper a:hover{
            opacity: .9;
        }
        main .feedback .feedbkSwiper a img{
            height: 20px;
        }
        
        main .feedback .feedbkSwiper .name{
            font-size: 12px;
            color: #808080;
            padding-bottom: 4%;
            text-transform: uppercase;
        }
        main .feedback .fluid>p{
            position: absolute;
            bottom: 0px;
            opacity: .5;
            transition: opacity .3s;
            z-index: 2;
            transform: translateY(50%);
        }
        main .feedback .fluid>p:hover{
            opacity: .9;
        }
        main .feedback .fluid>p img{
            display: block;
        }
        main .feedback .fluid .prev{
            left: 50%;
            margin-left: -30px;
        }
        main .feedback .fluid .next{
            right: 50%;
            margin-right: -30px;
        }

        main .team .fluid{
            position: relative;
            padding: 0px;
            padding-top: 5%;
        }
        main .team .memberSwiper{
            width: 92%;
        }
        main .team .memberSwiper .swiper-wrapper{
            transition-timing-function: linear;
        }
        main .team .memberSwiper .swiper-slide{
            padding: 0px 15px;
            cursor: pointer;
            text-align: center;
        }
        main .team .memberSwiper .pic{
            position: relative;
            display: inline-block;
            vertical-align: top;
        }
        main .team .memberSwiper .pic>img{
            display: block;
            height: auto;
            width: 100%;
            max-width: 237px;
            max-height: 257px;
        }
        main .team .memberSwiper .community{
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            transition: all .3s;
            background: rgba(0,0,0,0);
            z-index: 2;
        }
        main .team .memberSwiper .swiper-slide:hover .community{
            background: rgba(0,0,0,.6);
        }
        main .team .memberSwiper .community .item{
            width: 32px;
            height: 32px;
            position: relative;
            border-radius: 50%;
            overflow: hidden;
            background: transparent;
            transition: all .5s;
            opacity: 0;
            margin: 0px 3px;
        }
        main .team .memberSwiper .swiper-slide:hover .community .item{
            opacity: 1;
        }
        main .team .memberSwiper .community .item img{
            height: 16px;
        }
        main .team .memberSwiper .community .item:hover{
            background: #008486;
        }

   
        main .team .memberSwiper .info{
            background: #f8f8f8;
            padding: 2%;
            text-transform: uppercase;
            font-family: sans-serif;
            height: 80px;
            transition: all .3s;
        }    
        main .team .memberSwiper .swiper-slide:hover .info{
            background: #008486;
        }
        main .team .memberSwiper .info p{
            font-size: 18px;
            color: #231815;
            margin-top: 10px;
            line-height: 24px;
            margin-bottom: 5px;
            transition: color .3s;
        }
        main .team .memberSwiper .swiper-slide:hover .info p{
            color: #fff;
        }
        main .team .memberSwiper .info span{
            font-size: 12px;
            color: #808080;
            transition: color .3s;
        }
        main .team .memberSwiper .swiper-slide:hover .info span{
            color: #000;
        }
        main .team .fluid>p{
            position: absolute;
            top: 45%;
            width: 40px;
            height: 40px;
            overflow: hidden;
            border-radius: 50%;
            background: #000;
            cursor: pointer;
            transition: all .3s;
            z-index: 2;
        }
        main .team .fluid>p:hover{
            opacity: .8;
        }
        main .team .fluid .prev,
        main .team .fluid .next{
            background: url(../img/common/icons.png) no-repeat;
        }
        main .team .fluid .prev{
            left: 0px;
            background-position: -10px -152px;
        }
        main .team .fluid .next{
            right: 0px;
            background-position: -73px -152px;
        }
        main .team .fluid>p img{
            height: 11px;
        }

        main .data{
            background: #f8f8f8;
        }
        main .data .fluid{
            overflow: hidden;
        }
        main .data .item{
            width: 25%;
            float: left;
            padding: 0 10px;
            text-align: center;
        }

        main .data .item .num{
            color: #ee921f;
            font-size: 60px;
            margin-bottom: 10px;
            font-family: sans-serif;
            font-weight: bold;
            letter-spacing: -4px;
        }
        main .data .item.str .num::after{
            /*content: '.5GW';*/
            content: 'MW';
            color: #ee921f;
            font-family: sans-serif;
            font-weight: bold;
            letter-spacing: -4px;
        }
        main .data .item.add .num::after{
            content: '+';
            color: #ee921f;
            font-size: 36px;
            display: inline-block;
            vertical-align: top;
            font-family: sans-serif;
            font-weight: bold;
            margin-top: 5px;
        }
        main .data .item span{
            color: #231815;
            font-size: 18px;
            font-family: sans-serif;
            text-transform: uppercase;
        }

        


        main>.content{
            padding-top: 2%;
            padding-bottom: 3%;
        }
        main>.content .fluid>img{
            display: block;
            width: 100%;
            height: auto;
            margin-bottom: 36px;
        }
        main>.content .box{
            margin-bottom: 18px;
        }
        main>.content .box .pic{
            width: 33%;
            margin-right: 12px;
        }
        main>.content .box .pic img{
            width: 100%;
            height: auto;
        }
        main>.content .box .txt{
            padding: 10px 20px;
            margin: 0 0 20px;
            font-size: 14px;
            border-left: 5px solid #eee;
            flex: 1;
        }
        main>.content .box .txt .topic{
            font-size: 17.5px;
            font-weight: bold;
            line-height: 1.8;
            margin-bottom: 25px;
        }

        main .content.chooseUs .history{
            flex-wrap: wrap;
            padding-bottom: 36px;
        }
        main .content.chooseUs .item{
            width: 25%;
            margin: 0px 30px;
            text-align: center;
        }
        main .content.chooseUs .item img{
            display: block;
            width: 100%;
            height: auto;
            margin: 0px auto;
        }
        main .content.chooseUs .item .hstrTtl{
            font-size: 16px;
            font-weight: bold;
        }
        main .content.chooseUs .item .t{
            padding: 36px;
            font-size: 14px;
            line-height: 18px;
            padding-top: 0px;
        }
        @media(max-width:1199px){
            main .team .memberSwiper .info p{
                font-size: 14px;
                line-height: 18px;
            }
        }

        @media(max-width:991px){
            main .ttl .words{
                font-size: 40px;
            }
            main .ttl span{
                font-size: 12px;
            }

            main .data .item .num{
                font-size: 48px;
                margin-bottom: 5px;
            }
            main .data .item span{
                font-size: 16px;
            }
        }

        @media(max-width:767px){
            main .ttl .words{
                font-size: 32px;
            }

            main>.content .box{
                flex-direction: column;
            }
            main>.content .box >*{
                width: 100% !important;
            }
            main>.content .box .pic{
                text-align: center;
                margin-right: 0px !important;
            }
            main>.content .box .txt{
                margin-top: 15px;
                padding: 10px 15px;
            }

            main .feedback .feedbkSwiper .t{
                font-size: 14px;
                max-width:90%;
            }
            main .feedback .fluid .prev{
                margin-left: -5%;
            }
            main .feedback .fluid .next{
                margin-right: -5%;
            }

            main .team .fluid{
                padding-left: 15px;
                padding-right: 15px;
            }
            main .team .memberSwiper .swiper-slide{
                padding: 0px 10px;
            }
            main .team .fluid .prev{
                left: 15px;
            }
            main .team .fluid .next{
                right: 15px;
            }

            main .data .item .num{
                font-size: 40px;
            }

            main .data .item.add .num::after{
                font-size: 32px;
            }

            main .content.chooseUs .item{
                width: 100%;
                margin: 0px;
            }
            main .content.chooseUs .item img{
                width: 80%;
            }
            main .content.chooseUs .item .t{
                padding: 0px 10px;
                padding-bottom: 30px;
            }
        }

        @media(max-width:600px){
            main .data .item{
                width: 50%;
                margin-bottom: 2%;
            }
        }